<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="/newTemplate.xhtml">
    <ui:define name="top">Reclamos que requieren cambios</ui:define>
    <ui:define name="content">
        <h:form>
            <h1 align="center">Listado de reclamos que requieren cambios</h1>
            <p:dataTable id="tabla" var="cambio" value="#{reclamoCambioBean.siniestrosCambios}" rowKey="#{cambio.codSiniestro}"  
                         selection="#{reclamoCambioBean.siniestroSeleccionado}" selectionMode="single" 
                scrollable="true" scrollHeight="150" style="width: 800px" emptyMessage="No se ha registrado ningun Siniestro sin facturar"
               >
                <p:ajax event="rowSelect" listener="#{reclamoCambioBean.filaSeleccionada(evento)}" update="tabla"/>
                <p:ajax event="rowUnselect" listener="#{reclamoCambioBean.filaSeleccionada(evento)}" update="tabla"/>
                <f:facet name="header">  
                </f:facet>
                <p:column headerText="Código" width="100">  
                    #{cambio.codSiniestro}
                </p:column>
                <p:column headerText="Cliente" width="120">  
                    #{cambio.codCliente.cliNombre}  
                </p:column>
                <p:column headerText="Centro Medico" width="200">  
                    #{cambio.codCentroMedico.nombreCentro}  
                </p:column>
                
                <p:column headerText="Notas del Auditor" width="100">  
                    #{cambio.notas}  
                </p:column>
                <f:facet name="footer">  
                    <p:commandButton  value="Eliminar" update="@form" actionListener="#{reclamoCambioBean.eliminar()}" disabled="#{reclamoCambioBean.disabledEliminar}"/>  
                   <p:commandButton  value="Editar" update="@all" actionListener="#{reclamoCambioBean.editar()}" disabled="#{reclamoCambioBean.disabledModificar}"/>  
               
                </f:facet>
                </p:dataTable>  
                <p:spacer height="10"/>
        </h:form>  
         <h:form id="formDEtalles">  
             <p:dataTable id="tabladet" var="detalles" value="#{reclamoCambioBean.listaDetalle}" rowKey="#{detalles.codDetalle}"  
                         selection="#{reclamoCambioBean.detalleSeleccionado}" selectionMode="single" 
                scrollable="true" scrollHeight="150" style="width: 800px" emptyMessage="No se ha registrado ningun Cliente"
                rendered="#{reclamoCambioBean.enEdicion}" >
                <p:ajax event="rowSelect" listener="#{reclamoCambioBean.filaSeleccionada(evento)}" update="tabladet"/>
                <p:ajax event="rowUnselect" listener="#{reclamoCambioBean.filaSeleccionada(evento)}" update="tabladet"/>
                <f:facet name="header">  
                    Detalles
                </f:facet>
                <p:column headerText="Codigo" width="100">  
                    #{detalles.codDetalle}
                </p:column>
                <p:column headerText="Cantidad" width="100">  
                    #{detalles.cantidadDet}
                </p:column>
                <p:column headerText="Descripcion" width="120">  
                    #{detalles.descripcionDet}  
                </p:column>
                <p:column headerText="Valor Unitario" width="200">  
                    #{detalles.valorUnitario}  
                </p:column>
                <p:column headerText="Total" width="150">  
                    #{detalles.totalProducto}  
                </p:column>
              
           
                </p:dataTable>  
              <h:panelGrid columns="4" cellspacing="5px">
                <p:commandButton value="EditarDetalle" actionListener="#{reclamoCambioBean.editando()}" update="@all" rendered="#{reclamoCambioBean.enEdicion}" /> 
                <p:commandButton  value="Eliminar" update="@all" actionListener="#{reclamoCambioBean.eliminando()}" rendered="#{reclamoCambioBean.enEdicion}"/>  
                <p:commandButton value="Finalizar Cambios" action="#{reclamoCambioBean.finalizar()}" rendered="#{reclamoCambioBean.enEdicion}" immediate="true"/>
            </h:panelGrid>  
             
             <p:panel id="panelDetalle" header="Ingreso Nuevo Detalle" style="width: 800px" rendered="#{reclamoCambioBean.enEditando}"> 
                    <p:focus context="panelDetalle"/> 
                    <h:panelGrid columns="3" >  
                        <h:outputLabel for="cantidad" value="Cantidad: *" />  
                        <p:inputText id="cantidad" value="#{reclamoCambioBean.detalle.cantidadDet}" label="cantidad" required="true"
                                     style="width: 150px" maxlength="100" />
                        <p:message for="cantidad" />
                        
                        <h:outputLabel for="Descripcion" value="Descripcion: *" />  
                        <p:inputText id="descripcion" value="#{reclamoCambioBean.detalle.descripcionDet}" label="descripcion" required="true"
                                     style="width: 200px" maxlength="100" />
                        <p:message for="descripcion" />
                        <h:outputLabel for="ValorUnitario" value="Valor Unitario: *" />  
                        <p:inputText id="valoru" value="#{reclamoCambioBean.detalle.valorUnitario}" label="valoru" required="true"
                                     style="width: 200px" maxlength="100" />
                        <p:message for="valoru" />  
                        <p:spacer width="1px" />
                        
                    </h:panelGrid>
                    <h:panelGrid columns="3" cellspacing="5px">
                        <p:commandButton value="Editar"  actionListener="#{reclamoCambioBean.nuevoDetalle()}" update="@all" />
                        <p:commandButton value="Cancelar" actionListener="#{reclamoCambioBean.cancelar()}" immediate="true"/>
                    </h:panelGrid>  
                </p:panel>
             </h:form>  
    </ui:define>
 </ui:composition>
        